<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

		<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

		<script src="https://unpkg.com/vue-router@4"></script>
	</head>
	<body>
		<div id="app">
			<router-view></router-view>
		</div>
		
		<script type="module">
			import home from './home.js'
			import about from './about.js'
			import login from './login.js'
			
			const routes = [
				{path:"/",component: home},
				{path:"/about",component: about},
				{path:"/login",component: login},
			]

			const router = VueRouter.createRouter(
			{
				
				history: VueRouter.createWebHashHistory(),
				routes,
			}
			)
			
			var app = Vue.createApp({
				data() {
					return {
						"message": "Hello Vue!"
					}
				}
			});
			
			
			app.use(router)
			
			var vm = app.mount("#app")
		</script>
	</body>
</html>